
  <header>
    <div id="top_bg">
        <div class="header-top">
            <span class="head_left small-font">
                <a href="javascript:;">MIUI</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">IoT</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">云服务</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">金融</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">有品</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">小爱开放平台</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">企业团购</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">资质证照</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">协议规则</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">下载app</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">Select Region</a>
            </span>
            <span class="head-right small-font">
                <a href="mi_login.html" target="_blank" class="larea">登录</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="mi_reg.html" target="_blank" class="rarea">注册</a>&nbsp&nbsp|&nbsp&nbsp
                <a href="javascript:;">消息通知</a>&nbsp&nbsp&nbsp&nbsp
                <a href="javascript:;" class="carshow"><img src="img/fixed/car.png" style="width: 15px;"/>购物车(<span id="number">0</span>)</a>
                <div class="show">
                    <a id="close" style="float: right;margin-right: 10px;">X</a>
                    <p>  
                        <span> <input type="checkbox" name="" id="" class="allcheck">全选</span>
                        <span>图片</span>
                        <span>商品名称</span>
                        <span>单价</span>
                        <span>数量</span>
                        <span>小计</span>
                        <span>操作</span> 
                    </p>
                    <ul>
                    </ul>
                    <p>
                        <a id="del">删除选中</a>
                        <span>
                            <span>合计:</span><span style="width:120px" id="subtotal">0元</span>
                        </span>
                        <span><button>去结算</button></span>
                    </p>
                </div>
            </span>
        </div>
    </div>
    <div id="fixed">
        <div>
            <a href="javascript:;">
                <img src="img/fixed/app1.png" >
                <p>手机App</p>
            </a>
        </div>
        <div>
            <a href="javascript:;">
                <img src="img/fixed/center1.png" >
                <p>个人中心</p>
            </a>
        </div>
        <div>
            <a href="javascript:;">
                <img src="img/fixed/shouhou1.png" >
                <p>售后服务</p>
            </a>
        </div>
        <div>
            <a href="javascript:;">
                <img src="img/fixed/kefu1.png" >
                <p>人工客服</p>
            </a>
        </div>
        <div>
            <a href="javascript:;" class="carshow">
                <img src="img/fixed/car.png" >
                <p>购物车</p>
            </a>
        </div>
    </div>
    <div class="body-top">
        <a href="http://127.0.0.1:8080/index.html">
            <img src="img/LOGO.jpg" />
        </a>
        <ul>
            <li class="li1"> <a href="javascript:;">小米手机</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/1-1.png" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/1-2.png" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/1-3.png" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/1-4.png" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/1-5.png" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class=" price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/1-6.png" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class=" price">1099元</p>
                    </div>
                </div>
            </li>
            <li class="li2"> <a href="javascript:;">红米</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/2-1.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/2-2.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/2-3.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/2-4.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/2-5.png" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class=" price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/2-6.png" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class=" price">1099元</p>
                    </div>
                </div>
            </li>
            <li class="li3"><a href="javascript:;">电视</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/3-1.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/3-2.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/3-3.png" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/3-4.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/3-5.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class=" price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/3-6.png" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class=" price">1099元</p>
                    </div>
                </div>
            </li>
            <li class="li4"><a href="javascript:;">笔记本</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/4-1.png" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/4-2.png" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/4-3.png" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/4-4.png" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/4-5.png" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class=" price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/4-6.png" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class=" price">1099元</p>
                    </div>
                </div>
            </li>
            <li class="li5"><a href="javascript:;">家电</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/5-1.png" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/5-2.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/5-3.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/5-4.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/5-5.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class=" price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/5-6.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class=" price">1099元</p>
                    </div>
                </div>
            </li>
            <li class="li6"><a href="javascript:;">新品</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/6-1.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/6-2.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/6-3.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/6-4.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/6-5.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class=" price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/6-6.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class=" price">1099元</p>
                    </div>
                </div>
            </li>
            <li class="li7"><a href="javascript:;">路由器</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/7-1.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/7-2.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/7-3.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/7-4.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/7-5.png" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class=" price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/7-6.png" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class=" price">1099元</p>
                    </div>
                </div>
            </li>
            <li class="li8"><a href="javascript:;">智能硬件</a>
                <div class="li-hidden">
                    <div>
                        <a href="javascript:;"><img src="img/8-1.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9</a>
                        <p class=" price">2999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/8-2.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米9 SE</a>
                        <p class=" price">1999元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/8-3.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8 青春版</a>
                        <p class=" price">1499元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/8-4.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米MIX 3</a>
                        <p class=" price">3299元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/8-5.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米8</a>
                        <p class="price">2599元</p>
                    </div>
                    <div>
                        <a href="javascript:;"><img src="img/8-6.jpg" /></a>
                        <a class="small-font" href="javascript:;">小米play</a>
                        <p class="price">1099元</p>
                    </div>
                </div>
            </li>
            <li><a href="javascript:;">服务</a></li>
            <li><a href="javascript:;">社区</a></li>
        </ul>
        <form class="my-search">
            <input type="text" placeholder="小米9 小米9 SE"/><input type="submit" value="搜索"/>
        </form>
    </div>
  </header>
